<template>
    <view style="width: 100%;height: 100vh" class="flex_column">
        <!-- 首页 -->
        <page-head></page-head>
        <view style="padding: 0.2rem 0.6rem;flex:1;">
            <view style=" height: 100%;" class="flex_col">
                <view class="flex_row_between rem04">
                    <view>
                        自检

                    </view>

                </view>

                <view class="set-con " style="flex:1;">
                    <view class="set-cont rem04" style="flex:1;padding-left: 1rem;">
                        <view style="padding: 0.5rem 0;" class="rem06">网络连接检查</view>
                        <view class="item-desc">舱门屏与云端网络连接检查
                            <image src="../../image/icon/ok.png" style="height: 0.35rem;margin-left: 0.4rem;"
                                mode="heightFix"></image>
                        </view>
                        <view class="item-desc">舱门屏与工控板网络连接检查
                            <image src="../../image/icon/err.png" style="height: 0.35rem;margin-left: 0.4rem;"
                                mode="heightFix"></image>
                        </view>
                        <view class="item-desc">工控板与云端网络连接检查
                            <image src="../../image/icon/ok.png" style="height: 0.35rem;margin-left: 0.4rem;"
                                mode="heightFix"></image>
                        </view>
                        
                        
                        <view style="padding-top: 1rem;padding-bottom: 0.5rem;" class="rem06">设备连接检查</view>
                        <view class="item-desc">采集板连接检查
                            <image src="../../image/icon/ok.png" style="height: 0.35rem;margin-left: 0.4rem;"
                                mode="heightFix"></image>
                        </view>
                        <view class="item-desc" style="opacity: 0.3;">采集板连接检查     
                        </view>
                        <view class="item-desc"  style="opacity: 0.3;">继电器连接检查  Scanning…</view>
                        <view class="item-desc"  style="opacity: 0.3;">红外镜头连接检查</view>
                        <view class="item-desc"  style="opacity: 0.3;">温湿度传感器连接检查A</view>
                        <view class="item-desc"  style="opacity: 0.3;">温湿度传感器连接检查B</view>
                        <view class="item-desc"  style="opacity: 0.3;">温湿度传感器连接检查C</view>
                    </view>

                    <view class="set-btn-con" @click="back_click">
                       <!-- <view style="width: 1rem;"></view> -->
                        <view style="">
                            <button style="background: #646B97;" type="primary">
                                <view >重新检测</view>
                            </button>
                        </view>
                        <view style="width: 1rem;"></view>
                      <view style="">
                        <button style="background: #44CE7B;">
                            <view >完成</view>
                        </button>
                        </view>
                          
                    </view>
                </view>

            </view>

        </view>

    </view>


</template>

<script>
    export default {
        data() {
            return {
                btnArr: ["YL-8系", "YL-6系", "YL-4系"],
                typeTxt: "",
                open: true,
            }
        },
        onShow: function() {
            this.typeTxt = this.btnArr[getApp().globalData.type];

            // console.log(getApp().globalData.type)
        },
        methods: {
            navigateTo(url) {
                uni.navigateTo({
                    url: url
                })
            },
            back_click() {
                uni.navigateBack({
                    delta: 1
                })
            }
        }
    }
</script>

<style>
    page {
        background: #1E2238;
    }

    .set-con {
        opacity: 0.98;
        background: #3E4469;
        border-radius: 0.3rem;
        margin-top: 0.5rem;
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;
    }

    .set-cont {
        background: #4A5079;
        border-radius: 0.3rem 0.3rem 0 0;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        /* justify-content: center; */
    }

    .item-desc {
        padding-bottom: 0.2rem;
        font-size: 3vh;
    }

    .input-con {
        background: #646B97;
        border-radius: 0.2rem;
        height: 0.8rem;
        display: flex;
        align-items: center;
        padding-left: 0.2rem;
    }

    .open-con {
        background: #000;
        border-radius: 0.2rem;
        height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.1rem;
        padding-left: 0.4rem;
    }

    .open-btn {
        background: #646B97;
        border-radius: 0.2rem;
        height: 0.7rem;
        width: 2rem;
        flex: 1;
        justify-content: center;
        display: flex;
        align-items: center;
    }


    .set-btn-con {
        padding: 0.5rem 3rem;
        display: flex;
        justify-content: center;
    }
</style>
